<template>
  <div id="app">
		<router-view/>
  </div>
</template>

<script>
	
</script>

<style lang="scss">
	* {margin: 0;padding: 0;}
	.bottomBox {
		display: flex;
	}
	.topBox {
		width: 100vw;
		height: 75px;
		background-color: rgb(25,158,236);
		display: flex;
		justify-content: space-between;
		margin-bottom: 3px;
		align-items: center;
		.left {
			margin-left: 20px;
			color: #fff;
			font-size: 24px;
		}
		.right {
			margin-right: 20px;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			.logout {
				width: 90px;
				height: 36px;
				border: none;
				outline: none;
				border-radius: 5px;
				color: #fff;
				background-color: rgb(230,162,60);
				margin: 0 10px;
			}
			.set {
				width: 50px;
				height: 36px;
				color: #fff;
				background-color: rgb(144,147,153);
				border: none;
				outline: none;
				border-radius: 5px;
			}
		}
	}
	.el-radio-button {
		width: 200px;
		height: 50px;
		.el-radio-button__inner {
			width: 100%;
			height: 100%;
			color: #fff;
			background-color: rgba(102,177,255);
			display: flex;
			align-items: center;
			justify-content: center;
			border: none;
		}
	}
	.el-menu-vertical-demo:not(.el-menu--collapse) {
		width: 200px;
		min-height: 400px;
	}
	.el-submenu__title {
		img {
			margin-right: 15px;
		}
	}
	.el-menu-item {
		img {
			margin-right: 5px;
		}
	}
	

</style>
